<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>有文阅读后台管理平台</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<meta name="renderer" content="webkit" />
		<meta name="description" content="jeefast" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!--[if !IE]> -->
		<link rel="stylesheet" href="assets/css/pace.css" />
		<script data-pace-options='{ "ajax": true, "document": true, "eventLag": false, "elements": false }' src="assets/js/pace.js"></script>
		<!-- <![endif]-->

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css">

		<!-- text fonts -->
		<link rel="stylesheet" href="assets/css/ace-fonts.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
		
		<!-- ace settings handler -->
		<script src="assets/js/ace-extra.js"></script>
		
	</head>

	<body class="no-skin">
	<div id="jeefastapp" v-cloak>
		<!-- #section:basics/navbar.layout -->
		<div id="navbar" class="navbar navbar-default">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<!-- #section:basics/sidebar.mobile.toggle -->
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<!-- /section:basics/sidebar.mobile.toggle -->
				<div class="navbar-header pull-left">
					<!-- #section:basics/navbar.layout.brand -->
					<a href="#" class="navbar-brand">
						<small>
							<i class="fa fa-leaf"></i>
							有文阅读后台管理平台
						</small>
					</a>

					<!-- /section:basics/navbar.layout.brand -->

					<!-- #section:basics/navbar.toggle -->

					<!-- /section:basics/navbar.toggle -->
				</div>

				<!-- #section:basics/navbar.dropdown -->
				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<!--<li class="grey">-->
							<!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
								<!--<i class="ace-icon fa fa-tasks"></i>-->
								<!--<span class="badge badge-grey">4</span>-->
							<!--</a>-->

							<!--<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">-->
								<!--<li class="dropdown-header">-->
									<!--<i class="ace-icon fa fa-check"></i>-->
									<!--4 Tasks to complete-->
								<!--</li>-->

								<!--<li class="dropdown-content">-->
									<!--<ul class="dropdown-menu dropdown-navbar">-->
										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">Software Update</span>-->
													<!--<span class="pull-right">65%</span>-->
												<!--</div>-->

												<!--<div class="progress progress-mini">-->
													<!--<div style="width:65%" class="progress-bar"></div>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">Hardware Upgrade</span>-->
													<!--<span class="pull-right">35%</span>-->
												<!--</div>-->

												<!--<div class="progress progress-mini">-->
													<!--<div style="width:35%" class="progress-bar progress-bar-danger"></div>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">Unit Testing</span>-->
													<!--<span class="pull-right">15%</span>-->
												<!--</div>-->

												<!--<div class="progress progress-mini">-->
													<!--<div style="width:15%" class="progress-bar progress-bar-warning"></div>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">Bug Fixes</span>-->
													<!--<span class="pull-right">90%</span>-->
												<!--</div>-->

												<!--<div class="progress progress-mini progress-striped active">-->
													<!--<div style="width:90%" class="progress-bar progress-bar-success"></div>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->
									<!--</ul>-->
								<!--</li>-->

								<!--<li class="dropdown-footer">-->
									<!--<a href="#">-->
										<!--See tasks with details-->
										<!--<i class="ace-icon fa fa-arrow-right"></i>-->
									<!--</a>-->
								<!--</li>-->
							<!--</ul>-->
						<!--</li>-->

						<!--<li class="purple">-->
							<!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
								<!--<i class="ace-icon fa fa-bell icon-animated-bell"></i>-->
								<!--<span class="badge badge-important">8</span>-->
							<!--</a>-->

							<!--<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">-->
								<!--<li class="dropdown-header">-->
									<!--<i class="ace-icon fa fa-exclamation-triangle"></i>-->
									<!--8 Notifications-->
								<!--</li>-->

								<!--<li class="dropdown-content">-->
									<!--<ul class="dropdown-menu dropdown-navbar navbar-pink">-->
										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">-->
														<!--<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>-->
														<!--New Comments-->
													<!--</span>-->
													<!--<span class="pull-right badge badge-info">+12</span>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#">-->
												<!--<i class="btn btn-xs btn-primary fa fa-user"></i>-->
												<!--Bob just signed up as an editor ...-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">-->
														<!--<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>-->
														<!--New Orders-->
													<!--</span>-->
													<!--<span class="pull-right badge badge-success">+8</span>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#">-->
												<!--<div class="clearfix">-->
													<!--<span class="pull-left">-->
														<!--<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>-->
														<!--Followers-->
													<!--</span>-->
													<!--<span class="pull-right badge badge-info">+11</span>-->
												<!--</div>-->
											<!--</a>-->
										<!--</li>-->
									<!--</ul>-->
								<!--</li>-->

								<!--<li class="dropdown-footer">-->
									<!--<a href="#">-->
										<!--See all notifications-->
										<!--<i class="ace-icon fa fa-arrow-right"></i>-->
									<!--</a>-->
								<!--</li>-->
							<!--</ul>-->
						<!--</li>-->

						<!--<li class="green">-->
							<!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
								<!--<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>-->
								<!--<span class="badge badge-success">5</span>-->
							<!--</a>-->

							<!--<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">-->
								<!--<li class="dropdown-header">-->
									<!--<i class="ace-icon fa fa-envelope-o"></i>-->
									<!--5 Messages-->
								<!--</li>-->

								<!--<li class="dropdown-content">-->
									<!--<ul class="dropdown-menu dropdown-navbar">-->
										<!--<li>-->
											<!--<a href="#" class="clearfix">-->
												<!--<img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />-->
												<!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Alex:</span>-->
														<!--Ciao sociis natoque penatibus et auctor ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>a moment ago</span>-->
													<!--</span>-->
												<!--</span>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#" class="clearfix">-->
												<!--<img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />-->
												<!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Susan:</span>-->
														<!--Vestibulum id ligula porta felis euismod ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>20 minutes ago</span>-->
													<!--</span>-->
												<!--</span>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#" class="clearfix">-->
												<!--<img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />-->
												<!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Bob:</span>-->
														<!--Nullam quis risus eget urna mollis ornare ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>3:15 pm</span>-->
													<!--</span>-->
												<!--</span>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#" class="clearfix">-->
												<!--<img src="assets/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />-->
												<!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Kate:</span>-->
														<!--Ciao sociis natoque eget urna mollis ornare ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>1:33 pm</span>-->
													<!--</span>-->
												<!--</span>-->
											<!--</a>-->
										<!--</li>-->

										<!--<li>-->
											<!--<a href="#" class="clearfix">-->
												<!--<img src="assets/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />-->
												<!--<span class="msg-body">-->
													<!--<span class="msg-title">-->
														<!--<span class="blue">Fred:</span>-->
														<!--Vestibulum id penatibus et auctor  ...-->
													<!--</span>-->

													<!--<span class="msg-time">-->
														<!--<i class="ace-icon fa fa-clock-o"></i>-->
														<!--<span>10:09 am</span>-->
													<!--</span>-->
												<!--</span>-->
											<!--</a>-->
										<!--</li>-->
									<!--</ul>-->
								<!--</li>-->

								<!--<li class="dropdown-footer">-->
									<!--<a href="#page/inbox">-->
										<!--See all messages-->
										<!--<i class="ace-icon fa fa-arrow-right"></i>-->
									<!--</a>-->
								<!--</li>-->
							<!--</ul>-->
						<!--</li>-->

						<!-- #section:basics/navbar.user_menu -->
						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="img/avatar.png" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎,</small>
									{{user.username}}
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="javascript:;" @click="updatePassword">
										<i class="ace-icon fa fa-cog"></i>
										修改密码
									</a>
								</li>

								<li>
									<a href="javascript:;" @click="profile">
										<i class="ace-icon fa fa-user"></i>
										个人信息
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="javascript:;" @click="logout">
										<i class="ace-icon fa fa-power-off"></i>
										退出登录
									</a>
								</li>
							</ul>
						</li>

						<!-- /section:basics/navbar.user_menu -->
					</ul>
				</div>

				<!-- /section:basics/navbar.dropdown -->
			</div><!-- /.navbar-container -->
		</div>

		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<!-- #section:basics/sidebar -->
			<div id="sidebar" class="sidebar responsive">
				<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
				</script>

				<ul class="nav nav-list">
					<li class="">
						<a href="#">
							<i class="menu-icon fa fa-tachometer"></i>
							<span class="menu-text"> 功能导航 </span>
						</a>

						<b class="arrow"></b>
					</li>
					
					<!-- vue生成的菜单 -->
					<menu-item :item="item" :index="index" v-for="(item, index) in menuList"></menu-item>

				</ul><!-- /.nav-list -->

				<!-- #section:basics/sidebar.layout.minimize -->
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>

				<!-- /section:basics/sidebar.layout.minimize -->
				<script type="text/javascript">
					try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
				</script>
			</div>

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">
					<!-- #section:basics/content.breadcrumbs -->
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="index.html">首页</a>
							</li>
							<li class="active">{{navTitle}}</li>
						</ul><!-- /.breadcrumb -->
						
					</div>

					<!-- /section:basics/content.breadcrumbs -->
					<div class="page-content">
						<!-- /section:settings.box -->
						<div class="page-content-area" data-ajax-content="true">
							<!-- ajax content goes here -->
							
							<iframe scrolling="yes" frameborder="0" style="width:100%;min-height:800px;overflow:visible;background:#fff;" :src="main"></iframe>
														
						</div><!-- /.page-content-area -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">有文阅读</span>
							后台管理平台 &copy; 2016-2017
						</span>

						&nbsp; &nbsp;
						<span class="action-buttons">
							<a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
							</a>
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		
		<!-- 修改密码 -->
		<div id="passwordLayer" style="display:none; overflow:hidden">
			<form class="form-horizontal">
			<br>
			<div class="form-group">
				<div class="form-group">
				   	<div class="col-sm-2 control-label">账号</div>
				   	<div class="col-sm-4">
				      <span class="label label-success" style="vertical-align: bottom;">{{user.username}}</span>
				    </div>
				</div>
				<div class="form-group">
				   	<div class="col-sm-2 control-label">原密码</div>
				   	<div class="col-sm-4">
				      <input type="password" class="form-control" v-model="password" placeholder="原密码"/>
				    </div>
				</div>
				<div class="form-group">
				   	<div class="col-sm-2 control-label">新密码</div>
				   	<div class="col-sm-4">
				      <input type="text" class="form-control" v-model="newPassword" placeholder="新密码"/>
				    </div>
				</div>
			</div>
			</form>
		</div>

        </div>
        
		<!-- basic scripts -->
		<!--[if !IE]> -->
		<!-- <script type="text/javascript">
			window.jQuery || document.write("<script src='assets/js/jquery.js'>"+"<"+"/script>");
		</script> -->
		<script src="libs/jquery.min.js"></script>
		
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.js'>"+"<"+"/script>");
		</script>
		<!-- <script src="assets/js/bootstrap.js"></script> -->
		<script src="libs/bootstrap.min.js"></script>

		<!-- ace scripts -->
		<!-- <script src="assets/js/ace/elements.scroller.js"></script>
		<script src="assets/js/ace/elements.colorpicker.js"></script>
		<script src="assets/js/ace/elements.fileinput.js"></script>
		<script src="assets/js/ace/elements.typeahead.js"></script>
		<script src="assets/js/ace/elements.wysiwyg.js"></script>
		<script src="assets/js/ace/elements.spinner.js"></script>
		<script src="assets/js/ace/elements.treeview.js"></script>
		<script src="assets/js/ace/elements.wizard.js"></script>
		<script src="assets/js/ace/elements.aside.js"></script> -->
		<script src="assets/js/ace/ace.js"></script>
		<!-- <script src="assets/js/ace/ace.ajax-content.js"></script>
		<script src="assets/js/ace/ace.touch-drag.js"></script> -->
		<script src="assets/js/ace/ace.sidebar.js"></script>
		<script src="assets/js/ace/ace.sidebar-scroll-1.js"></script>
		<script src="assets/js/ace/ace.submenu-hover.js"></script>
		<!-- <script src="assets/js/ace/ace.widget-box.js"></script> -->
		<!-- <script src="assets/js/ace/ace.settings.js"></script>
		<script src="assets/js/ace/ace.settings-rtl.js"></script>
		<script src="assets/js/ace/ace.settings-skin.js"></script> -->
		<script src="assets/js/ace/ace.widget-on-reload.js"></script>
		<!-- <script src="assets/js/ace/ace.searchbox-autocomplete.js"></script> -->
		
		<!-- 自定义和插件 js -->
		<script src="plugins/jqgrid/jquery.jqGrid.min.js"></script>
		<script src="libs/vue.min.js"></script>
		<script src="libs/router.js"></script>
		<script src="plugins/layer/layer.js"></script>
		<script src="js/common.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
